<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
<!doctype html>
<script src="js/jquery-3.5.1.min.js"></script>
<html>
<head>
    <meta charset="utf-8">
    <title>文本动画</title>

    <style>
        body{
            background: #1b1b1b;
        }
        .demo2{
            font-size: 65px;
            line-height: 68px;
            color: #fff;
            text-shadow: 0 0 10px #FF1177;
        }

    </style>
</head>
<body>
<div class="demo2">
    什么是鳄鱼法则？，假定一只鳄鱼咬住你的脚，如果你用手去试图挣脱你的脚，鳄鱼便会同时咬住你的脚和手，你越挣扎被鳄鱼咬住的部分就越多，越会危及你的性命，因此万一鳄鱼咬住你的脚，你唯一的方法就是牺牲你的脚，立即砍掉，这种代价很惨痛，但如果不这么做，可能会搭上你的性命。
    美国通用公司的前CEO韦尔奇曾经把许多业绩不在业界前两名的事业部门关闭，某家银行把700多亿元的不良资产出售给资产管理公司。这些都是痛苦的决定，但是为了整体的利益，他们都当机立断，拿出勇气和魄力来进行“壮士断腕”式的放弃。
    你买了一张电影票，但是出门的时候却下起了大雨，如果你继续要去看电影，你需要打车过去，并且有淋湿的风险。这样不仅消耗了你额外的花费，还让你淋湿导致感冒。与其这样，还不如放弃这张电影票，在家看书。
    生活中也一样，一旦在一件事情上出现了不可收拾的局面，一定懂得及时止损。从而避免损失更大。


</div>

<audio id="demo" src="3.mp3" autoplay="autoplay"></audio>
<div>
    <button  id="demox" onclick="document.getElementById('demo').play()">播放</button>
    <button onclick="document.getElementById('demo').pause()">暂停</button>
    <button onclick="document.getElementById('demo').volume+=0.1">降低音量</button>
    <button onclick="document.getElementById('demo').volume-=0.1">提高音量</button>
</div>
<audio controls="controls" id="mdff" autoplay="autoplay"  src="3.mp3" >
    Your browser does not support the audio element.
</audio>
<script>

    $('#demox').trigger("click");
</script>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/dist/animatext.min.js"></script>
<script type="text/javascript">
        $(".demo2").animatext({speed: 150,
            effect: 'flipInX',
            infinite: true
        });




</script>

</body>
</html>